<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="../images/logo/logo.ico">
    <title>关于VR 360</title>
    <link rel="stylesheet" href="../vendors/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../vendors/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../vendors/jquery-confirm/jquery-confirm.min.css">
    <link rel="stylesheet" href="../build/css/aboutStyle.css">
    <link rel="stylesheet" href="../build/css/globalStyle.css">
    <style>
        .navbar-inverse {
            background-color: #27253d;
            border-color: #080808 !important;
        }
    </style>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0c4e3834703d8f9400719f6478203d3e";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<nav class="navbar navbar-inverse" style="border-radius: 0;margin-bottom: -20px;">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="../index.html">VR 360</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="community.html">社区 </a></li>
                <li><a href="learning.html">教程 </a></li>
                <li><a href="create360.html">创作中心 </a></li>
                <li><a href="sicau360.html">川农</a></li>
                <li class="active"><a href="about.html">关于 <span class="sr-only">(current)</span></a></li>
                <li><a href="message-board.html">留言墙</a></li>
                <li><a href="statistics.html">数据中心</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-user-circle-o" aria-hidden="true" style="font-size: 20px;"></i>&nbsp;&nbsp;<span id="user_status">未登录</span> <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="personpage.html">个人中心</a></li>
                        <li role="separator" class="divider"></li>
                        <li id="user_action"><a href="javascript:logout();">退出登录</a></li>
                    </ul>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!--主体部分-->
<div class="main-body">
    <section>
        <div class="container-fluid" style="padding-left: 0;padding-right: 0;">
            <div class="col-xs-12 col-sm-10 col-md-10 col-sm-offset-1 col-md-offset-1" style="padding-bottom: 27px;">
                <div class="page-header" style="font-family: '微软雅黑 Light'">
                    <h1>关于VR 360 <small>专注于全景图片</small></h1>
                </div>
                <div class="col-xs-12 col-sm-8 col-md-8">
                    <div style="line-height: 20px;text-indent : 20px; letter-spacing:5px;font-family: Georgia, serif;">
                        <h4><a href="../index.html">VR 360</a>是由个人开发的一个360全景共享平台,一个专注于360全景的制作、分享、交流的平台。</h4>
                        <h4>
                            在这里你可以很方便的制作出具有3D效果的全景图，并且支持两种制作方式：单张全景、六方位全景。
                            你只需要将拍摄出来的全景图片上传到本站，我们将会自动处理你的图片以显示出3D效果。并且对全景照片的要求
                            也很低，甚至你可以直接使用手机相机自带的“全景”模式拍摄一张图片即可制作水平360°全景。当然对于专业的摄影爱好者
                            我们也提供了相应的全景制作支持，对于专业摄影的你可以选择单张全景立体720°全景和六方位组合图全景，也能制作出令你满意的作品。
                        </h4>
                        <h4>
                            随心制作，随处分享。你可以将你的作品分享到QQ、QQ空间、微信、微博等主流社交平台，让你的朋友也感受一把身临其境的感觉。
                        </h4>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <img src="../images/source/about360.jpg" alt="" style="float: right;width: 100%">
                </div>

            </div>

        </div>
    </section>
    <section>
        <div class="about-content" align="center">
            <div class="col-xs-12 col-sm-8 col-md-6 col-sm-offset-2 col-md-offset-3" style="margin-top: 112px;">
                <h1>随心制作 随处分享</h1>
                <ul style="margin-top: 70px;margin-left: -25px;">
                    <li><div class="button" onclick="location.href='../index.html'">前往首页</div></li>
                    <li><div class="button btn-success" onclick="location.href='create360.html'">开始制作</div></li>
                    <li><div class="button btn-primary" onclick="location.href='community.html'">前往社区</div></li>
                </ul>
            </div>

        </div>
    </section>
    <section>
        <div class="container-fluid" style="background-color: white;padding-bottom: 27px;padding-left: 0;padding-right: 0;">
            <div class="col-xs-12 col-sm-10 col-md-10 col-sm-offset-1 col-md-offset-1" style="padding: 10px;">
                <div class="page-header" style="font-family: '微软雅黑 Light'">
                    <h1>关于作者 <small>奔走在IT路上的大学生</small></h1>
                </div>
                <div class="col-xs-12 col-sm-8 col-md-8" style="font-family: Georgia, serif;">
                    <div style="line-height: 20px;text-indent : 20px; letter-spacing:5px;">
                        <h4>
                            我是一名来自<a href="http://www.sicau.edu.cn/" target="_blank">四川农业大学</a>的大三学生，信息工程学院物联网工程系。但是我对硬件并不感冒，平时更喜欢偏向软件的开发，学习过C、PHP，对前端、JavaWeb有一定的开发经验，正在努力成为一名优秀的Java
                            工程师。目前是四川农业大学<a href="http://www.wingstudio.org/" target="_blank">WingStudio工作室</a>的一名成员,在工作室内也是从事网站开发相关的一些工作。对于个人爱好，我喜欢打乒乓球、旅行、摄影，也正是因为
                            对摄影的爱好才有本站的由来。
                        </h4>
                        <h4>
                            关于本站的开发，灵感来自于成都<a href="http://www.zhiliaotang.com/" target="_blank">知了堂</a>的一次读书日图片征集活动，自从那次对360全景产生了浓厚的兴趣，又因为我发现目前全景图片分享的局限性和制作的困难性，
                            于是决定开发此网站，让更多全景爱好者可以随心创作、随处分享。
                        </h4>
                        <h4>
                            如果想了解更多关于我的故事请戳<a href="http://www.beifengtz.com">www.beifengtz.com</a>，另外欢迎来我的博客网站逛一逛哦~我平时会在里面写一些博客，记录我的成长历程，博客地址：<a href="http://blog.beifengtz.com" target="_blank">blog.beifengtz.com</a>
                        </h4>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 col-md-4" style="padding: 0;text-align: right">
                    <img src="../images/my/me.jpg" class="img-responsive img-me center-block" alt="光雾山" title="光雾山">
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="about-content" align="center" style="font-family: '微软雅黑 Light';line-height: 32px;letter-spacing:2px;font-size: 18px;padding: 10px;">
            <div style="margin-top: 71px;width: 313px;" align="left">
                <p>失败是什么？</p>
                <p>没有什么，只是更走近成功一步；</p>
                <p>成功是什么？</p>
                <p>就是走过了所有通向失败的路，</p>
                <p>只剩下一条路，那就是成功的路。</p>
            </div>
        </div>
    </section>
    <section>
        <div class="container-fluid" style="background-color: white;padding-bottom: 27px;padding-left: 0;padding-right: 0;">
            <div class="col-xs-12 col-sm-10 col-md-10 col-sm-offset-1 col-md-offset-1" style="padding: 10px;">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        <h3><span class="glyphicon glyphicon-bullhorn"></span>&nbsp;&nbsp;联系<small>有任何问题请联系</small></h3>
                        <ul class="client-list">
                            <li>
                                <a id="QQ" title="联系我的QQ" target="_blank"><img src="../images/logo/qq.png" style="width: 20px;">&nbsp;&nbsp;QQ 1246886075</a>
                            </li>
                            <li>
                                <a href="https://m.weibo.cn/p/1005056053577165" target="_blank" title="前往我的微博"><img src="../images/logo/weibo.png" style="width: 20px;">&nbsp;&nbsp;新浪微博</a>
                            </li>
                            <li>
                                <span class="weixin-a"><img src="../images/logo/weixin.png" style="width: 20px;">&nbsp;&nbsp;微信</span>
                                <img src="../images/my/mywechat.png" id="weixin-box" class="img-responsive" style="width: 200px;" title="扫码加我微信">
                            </li>
                        </ul>
                        <div>
                            <h3><span class="glyphicon glyphicon-flag"></span>&nbsp;&nbsp;友链</h3>
                            <ul class="client-list">
                                <li>
                                    <a href="http://www.sicau.edu.cn/" target="_blank" title="四川农业大学">
                                        <img src="../images/logo/sicau.jpg" alt="四川农业大学" style="width: 24px;">&nbsp;&nbsp;四川农业大学
                                    </a>
                                </li>
                                <!--<li>-->
                                    <!--<a href="http://xxgc.sicau.edu.cn/" target="_blank" title="信息工程学院">-->
                                        <!--<img src="../images/logo/xingong.jpg" alt="川农信息工程学院" style="width: 24px;">&nbsp;&nbsp;川农信息工程学院-->
                                    <!--</a>-->
                                <!--</li>-->
                                <li>
                                    <a href="http://www.wingstudio.org/" target="_blank" title="WingStudio工作室">
                                        <img src="../images/logo/wingstudio.png" alt="wingstudio" style="width: 24px;">&nbsp;&nbsp;WingStudio工作室
                                    </a>
                                </li>
                                <li>
                                    <a href="http://blog.beifengtz.com" target="_blank" title="北风博客">
                                        <img src="http://blog.beifengtz.com/user/img/logo.png" alt="wingstudio" style="width: 24px;">&nbsp;&nbsp;北风博客
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        <h3><span class="glyphicon glyphicon-piggy-bank"></span>&nbsp;&nbsp;打赏<small>你的支持是我前进的动力</small></h3>
                        <div class="col-xs-12 col-sm-6 col-md-6" style="margin-top: 20px;">
                            <img src="../images/my/weixinpay.jpg" class="img-responsive center-block" alt="微信支付" title="微信打赏">
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6" style="margin-top: 20px;">
                            <img src="../images/my/alipay.jpg" class="img-responsive center-block" alt="微信支付" title="支付宝打赏">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <div class="footer" align="center">
        <div class="footer-container">
            <h1><a href="../index.html">VR 360</a></h1>
            <p>随心创作 随处分享 <a href="statistics.html" title="前往VR360数据中心"><img src="../images/source/statistics.png"></a></p>
            <ul>
                <li><a href="" title="QQ" target="_blank" id="clientQQ"><img src="../images/logo/qq.png" alt="qq"></a></li>
                <li><a href="../p/mywechat.html" title="微信" target="_blank"><img src="../images/logo/weixin.png" alt="weixin"></a></li>
                <li><a href="https://m.weibo.cn/p/1005056053577165" title="微博" target="_blank"><img src="../images/logo/weibo.png" alt="weibo"></a></li>
            </ul>
            <div class="copyRight">
                CopyRight © 2018 <a href="http://www.beifengtz.com">beifengtz</a> 蜀ICP备17034479号-1
            </div>
        </div>
    </div>
</div>

<!-- 背景过滤模块 -->
<div id="bg-mask">

</div>
<!--登录模块-->
<div class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-4 col-md-offset-4 login-container">
    <div class="login-box">
        <button type="button" class="close" aria-label="Close" onclick="hideLoginBox()"><span aria-hidden="true">&times;</span></button>
        <div class="container-fluid" style="margin-top: 20px;">
            <div id="loginAndRegister">
                <div align="center">
                    <h2>欢迎登录VR360</h2>
                </div>
                <div class="form-group">
                    <label for="loginPhone">手机号</label>
                    <input type="number" class="form-control" id="loginPhone" placeholder="输入你的手机号">
                </div>
                <div class="form-group">
                    <label for="loginPassword">密码</label>
                    <input type="password" class="form-control" id="loginPassword" placeholder="输入你的密码">
                </div>
                <nav aria-label="...">
                    <ul class="pager" >
                        <li class="previous"><a href="#" style="color: #FA9856">找回密码</a></li>
                        <li class="next"><a href="javascript:goRegister();" style="color: #FA9856">去注册 </a></li>
                    </ul>
                </nav>
                <div align="center">
                    <button class="btn btn-default" style="width: 100%;background-color: #FA9856;color:white;" onclick="login()">登录</button>
                </div>
            </div>

            <div align="center" style="margin-bottom: -16px;color: #777;margin-top: 20px;border-bottom: solid 1px ">
                <small>第三方登录</small>
            </div>
            <div align="center" class="thirdLoginList">
                <ul>
                    <li>
                        <a href="https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=101473485&redirect_uri=https://vr.beifengtz.com/p/personpage.html&state=qq"><img src="../images/logo/qq.png" alt=""></a>
                    </li>
                    <li>
                        <a href="https://api.weibo.com/oauth2/authorize?client_id=2791069346&response_type=code&redirect_uri=https://vr.beifengtz.com/p/personpage.html?state=weibo"><img src="../images/logo/weibo.png" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--提示模态框-->
<div id="msgModal">
    请输入验证码
</div>
<!--<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>-->
<script>
    var ip;
    /**
     * 获取ip地址
     * */
    function getIpAddress(){
        var xmlhttp=new XMLHttpRequest();
        xmlhttp.open("get","https://vr.beifengtz.com/getIp",false);
        xmlhttp.send();
        if (xmlhttp.status==200)
        {
            ip = xmlhttp.responseText;
        }
    }
</script>
<script src="../vendors/jQuery/jquery-3.3.1.min.js"></script>
<script src="../vendors/jquery-confirm/jquery-confirm.min.js"></script>
<script src="../vendors/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="../build/js/gVerify.js"></script>
<script src="../build/js/tzutil.min.js"></script>
<script src="../vendors/modernizr/modernizr-custom.js"></script>
<script src="../build/js/login.min.js"></script>
<script src="../build/js/readyAbout.min.js"></script>
</body>
</html>